<!DOCTYPE html>
<html dir="ltr" lang="en" class=" inside_page inside_page_header_design home_page_design s_layout1 isFreePackage  in-management">

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		
		
		
		<title>文本 - 跨屏UI框架</title>
		<meta name="description" content="">
		<meta name="keywords" content="">

		<!-- Custom CSS -->
		<!-- Minimize CSS files -->
		<link rel="stylesheet" href="css/bootstrap-3.3.7.min.css" >

		<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" >

		<link rel="stylesheet" href="css/websiteCSS.css" class="reloadable-css" type="text/css">


	</head>

	<body id="page-top">
		<div class="body">
			<div id="websiteHeader">
				<nav id="mainNav" class="hidden-xs  navbar-default navbar-fixed-top  opacity-no">
					<div class="container-fluid">
						<div class="navbar-header">
							
							<a class="navbar-brand page-unique  logo_name  weight700 " href="index.html">
								<!--<span class="website-name"><i class="fa fa-puzzle-piece"></i>跨屏UI框架</span> -->
								<img src="images/logo.png"/>
							
							</a>
								<p class="navbar-text">基于Bootstrap<i class="fa fa-heart fa-rotate-90" style="color:red;"></i>，开始你的创作吧！</p>
								
						</div>
						<div id="top-menu">
							
							
						</div>
					</div>
				</nav>
				<input type="hidden" id="stickyMenu" name="stickyMenu" value="on"> </div>
				
			<nav id="mainNavMobile" class="navbar-fixed-top">
				<div class="navPagesLeft">
					<div class="header-menu-wrapper">
						<a href="index.html" data-close-location="left" data-menu-color="" data-menu-type="0" data-menu-align="center" data-is-mobile="true" class="mobile-menu-btn actionButton" role="button"  data-toggle="menuCallActionIcons"><i class="fa fa-reply"></i>返回</a>
					</div>
				</div>
				<div class="navbar-header">
					<a class="navbar-brand page-unique  logo_name  weight700 " href="index.html"> <!--<span class="website-name"></span>-->
						<img src="images/logo.png"/>
					</a>
				</div>
				<div class="navPagesRight">
					
				</div>
			</nav>
			
			<div id="sitePjaxMainContainer">
				
				<div id="siteModulesContainer" class="site-modules-container">
					<section class="site-module site-module-forum layout-1" style="order: 37;">
					<div data-aos="fade-up" class="container-fluid page_header_style page_header_style_ aos-init aos-animate">
						<div class="row">
							<div class="container">
								<div class="row modulesTitle">
									<div class="col-xs-12 text-center">
										<h2 data-original-title="论坛" class="site-page-header ">关于</h2>
										<hr class="small">
										<h4 class="site-page-slogan "></h4> </div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="container aos-init aos-animate" data-aos="fade-up">
						<div class="row text-center">
							<div class="col-xs-12 col-sm-offset-3 col-sm-6">
								<div class="box-primary site-box-border site-box-padding box-text-primary">
									<div class="text-center"> <img src="images/400_5bcc5ed994e78.jpg" class="img-rounded img-responsive" style="max-height:150px;max-width:80%;display:inline-block;margin:10px;" alt="论坛"> </div>
									<div class="responsive-handler fr-view breakable">跨屏UI框架是基于Bootstrap的扩展UI框架。如果说Boostrap提供了一个可靠的网页元素UI组件，来构建一个网页，那么跨屏UI框架，则在bootstrap基础上提供了更为完整的网页组件，例如“关于我们”、“联系我们”，“相册”，“产品”等等组件。</div>
									<div class="text-center" style="margin: 10px;">
										<a class="btn btn-primary" style="color: red;" href="http://ui.kuaping.com/">查看文档</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
					
				</div>
				<footer class="global_footer footer_2">
				<div class="part1" align="center">
					
					<div> Copyright © 2020 All rights reserved - <span class="website-name-preview-helper">Bootstrap</span> </div>
					<script type="text/javascript" src="https://s11.cnzz.com/z_stat.php?id=1257136331&web_id=1257136331"></script>
				</div>

		</footer>
		</div>
		</div>
		
		<!--客服-->
		<script src="js/jquery.min-1.11.2.js" type="text/javascript" charset="utf-8"></script>
		<script language="JavaScript" src="js/sidebar_script.js"></script>
	<link href="css/sidebar_style.css" rel="stylesheet" type="text/css" />
	<link href="css/sidebar_color.css" rel="stylesheet" type="text/css" />
		<div id="onService_panel" class="qq_onService_panel">
		<div class="sidebar2_Mo">
			<div class="sidebar2_list">
				<div class="sidebar2_listT ie_w">
					<div class="list_c"></div>
				</div>
				<div class="sidebar2_listC">
					<a id="prev_btn" class="prev_btn" href="###">
						<img src="images/new_online2016/prev_icon.png">
					</a>
					<ul class="function_list">
					<!---电话-->
                        						<li class="list">
							<a class="tel_icon" href="###"></a>
							<div class="lxwm_tel alt_c" style="right: -178px; opacity: 0;">
								<div class="sidebar2_listT">
									<div class="list_c"></div>
								</div>
								<div class="lxwm_c alt_bg">
									<h2 class="lxwm_tit">电话直呼</h2>
									<ul class="lxwm_list clearfix">
																																	<li>1568888888</li>																							<li>1568888888</li>																							<li>1568888888</li>																																																					</ul>
								</div>
								<div class="sidebar2_listB">
									<div class="list_c"></div>
								</div>
							</div>
						</li>
						                        <!---QQ-->
													<li class="list">
								<a class="qq_icon" href="###"></a>
								<div class="lxfs_qq alt_c" style="right: -200px; opacity: 0;">
									<div class="sidebar2_listT">
										<div class="list_c"></div>
									</div>
									<div class="lxfs_c alt_bg">
										<ul class="lxfs_list clearfix">
																																															<li><em>综合客服 ：</em><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=333333&amp;site=qq&amp;menu=yes"></a></li>
																																																																						<li><em>技术客服 ：</em><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=333333&amp;site=qq&amp;menu=yes"></a></li>
																																																																						<li><em>营销客服 ：</em><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=333333&amp;site=qq&amp;menu=yes"></a></li>
																																																																						<li><em>代理合作 ：</em><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=333333&amp;site=qq&amp;menu=yes"></a></li>
																																												</ul>
									</div>
									<div class="sidebar2_listB">
										<div class="list_c"></div>
									</div>
								</div>
							</li>
												<!---二维码-->
													<li class="list">
								<a class="wx_icon" href="###"></a>
								<div class="wx_scan alt_c" style="right: -200px; opacity: 0;">
									<div class="sidebar2_listT">
										<div class="list_c"></div>
									</div>
									<div class="wx_scan_c alt_bg">
										<span class="pic">
											<img src="images/weixin.jpg" width="136">
										</span>
										<p>微信客服</p>
									</div>
									<div class="sidebar2_listB">
										<div class="list_c"></div>
									</div>
								</div>
							</li>
																		<!-- 发送邮件 -->
													<li class="list">
								<a class="mail_icon" href="###"></a>
								<div class="explain_text alt_c" style="right: -106px; opacity: 0;">
									<div class="sidebar2_listT">
										<div class="list_c"></div>
									</div>
									<div class="explain_c alt_bg">
										<a href="mailto:3333@qq.com"><em>发送邮件</em></a>
									</div>
									<div class="sidebar2_listB">
										<div class="list_c"></div>
									</div>
								</div>
							</li>
																			<li class="list">
								<a class="map_icon" href="###"></a>
								<div class="explain_text alt_c" style="right: -106px; opacity: 0;">
									<div class="sidebar2_listT">
										<div class="list_c"></div>
									</div>
									<div class="explain_c alt_bg">
																					<a href="self_define/map.php?username=xx"><em>企业位置</em></a>
																			</div>
									<div class="sidebar2_listB">
										<div class="list_c"></div>
									</div>
								</div>
							</li>
											</ul>
					<a id="next_btn" class="next_btn" href="###">
						<img src="images/new_online2016/next_icon.png">
					</a>
				</div>
				<div class="sidebar2_listB ie_w">
					<div class="list_c"></div>
				</div>
			</div>
			<div class="sidebar2_state">
				<a id="state_btn" href="###" class=""></a>
			</div>
		</div>
	</div>
	<!--//客服-->
		
	</body>

</html>